﻿/*header*/
.n-header{height:110px;background-color: #fff;position: fixed;top: 0;left: 0;z-index: 10000;width: 100%;}
.n-logo{float: left;margin-top:18px;}
.header-right{float: right;}
.header-top{height:35px;margin-top:21px;overflow: hidden;}
.n-call{font-size:18px;color:#0e0e0e;font-family:Arial;float: right;width: 171px;padding-left:41px;height:28px;border-radius: 14px;line-height:28px;background: url("../images/call_06.png") no-repeat center;}
.n-sous{margin-left:6px;transition:.8s;-webkit-transition:.8s;overflow:hidden;float: right;width:28px;line-height:28px;height:28px;border-radius: 14px;background-color: #efefef;}
.n-sous .txt{float: left;background-color: #efefef;width: 130px;border:none;height:28px;text-indent:.8em;}
.n-sous .submit{float: left;width: 28px;height:28px;border-radius: 14px;background:url("../images/header_09.png") no-repeat center;border:none;cursor: pointer;}
.nav-right{width:160px;background: url("../images/header_09.png") no-repeat 5px 2px #fff;position: relative;}
.nav-right .txt{position: relative;width: 188px;border-radius: 14px;}
.nav-right .submit{position: absolute;right: 0;background-color: #efefef;z-index: 4;}
.n-nav{float: right;}
.n-nav li{position:relative;float:left;height:auto;text-align:center;width: 120px;}
.n-nav li>a{font-size:18px;height:auto;border-bottom:3px solid transparent;color:#212121;display:inline-block;padding: 8px 10px 16px;}
/* .n-nav li:first-child{width: 50px;border:none;} */
.n-nav li.last_li{width:92px;}
.n-nav li>a:hover,.n-nav li>a.on{color: #009ced;border-color:#009ced;}
.n-nav li>div{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); z-index:1000;left:-90px;display:none;width:638px;position:absolute;top:100%;background-color: #fff;padding: 60px;border-top: 1px solid #eeeeee;}
.n-nav li>div a{overflow:hidden; background: #fff;  padding: 11px 20px;  width: auto; display:inline-block;font-size:18px;line-height: 18px; height: auto;color: #333;}
.n-nav li>div a:hover{text-indent:.5em;color: #0095e2;}
.n-nav li>div a span{display: inline-block; width: 6px;height:10px;}
.n-nav li>div a:hover span{background: url(../images/a-hover.png)no-repeat center;margin-right: 10px;}
.n-nav li.last_li>div{text-align: center;}
  .n-language a:hover{ color:#009ced; transition-duration:1s; }
  .n-language a{margin-left: 10px;}
  .n-nav li:hover>div{display: block;}
  .navitem1-left{float: left;width: 61.77%;}
  .navitem1-left img{width: 100%;}
  .navitem1-right{float: right;width: 38.23%;}
  .n-nav li.ac{position: static;}
    .n-nav li.ac>div{width: 100%;left: 0;padding: 0;}
	.navitem2-left{float: left;width: 38.65%;padding: 80px 60px;border-right: 1px solid #eee;}
		.navitem2-left img{width: 100%;}
	.navitem2-right{float: right;width: 61.35%;padding: 80px 0;}
	.navitem2-right1{float: left;width: 50%;text-align: left;padding-left: 60px;}
	.r100 .navitem2-right1{float:none;}
	.r100 .navitem2-right1:nth-child(2){
    margin-top: 40px;
}
	.navitem2-right1 a{display: block !important;padding: 11px 20px 11px 0 !important;}
	.navitem2-right1 a:first-child{font-size: 22px;border-bottom: 2px solid #0095e2;width: 50%;padding: 0px 20px 15px 0 !important;margin-bottom: 5px;line-height: 22px;}
		.navitem2-right1 a span{display: none !important;}
		.navitem2-right1 a:hover span{display: inline-block !important;}
		.navitem2-right1 a:first-child:hover{text-indent:0;}
		.n-nav li.last1_li>div{left: -290%;}
		.n-nav li.last_li>div{left: -475%;}
  /* footer */
  .footer{background-color: #2c2c2c;padding-top:50px;}
.footer-top{overflow: hidden;}
.footer-left{float: left;width: 224px;}
.footer-left span{text-align:center;font-size:14px;color:#999;float: left;width: 102px;margin-right:20px;}
.footer-left span:last-child{margin-right: 0;}
.footer-left span img{display: block;margin-bottom:14px;}

.footer_right{float: right;}
.footer-f1{float: left;margin-bottom:50px;margin-left: 110px;}
.footer-f1:first-child{margin-left: 0;}
.footer-f1 a{display: block;font-size: 14px;color: #888;line-height: 21px;}
.footer-f1 a:first-child{font-size: 16px;color: #fff;margin-bottom:25px;}
.last-footer-f1{width: 60px;}
.footer-f1 a:hover{color: #0095e2;}

.footer-bottom{height:84px;border-top:1px solid rgba(255,255,255,0.25);padding: 30px 0;}
.foot-left{float: left;}
.foot-left p{font-size: 14px;line-height: 24px;color: #888;}
.foot-left p span{display: inline-block;cursor: pointer;transition: ease .5s;}
.foot-left p span:hover{color: #fff;}
.foot-right{float: right;}
.foot-right a{font-size: 14px;line-height: 24px;color: #888;position: relative;padding-right: 22px;transition: ease .5s;}
.foot-right a:hover{color: #fff;}
.foot-right a:last-child{padding-right: 0;position: static;}
.foot-right a::before{content: "";position: absolute;width: 2px;height: 15px;background: #888;top: 0px;right: 10px;}
@media(max-width:1660px){
	.n-nav li.last_li>div {  left: -592%;}
}
@media(max-width:1440px){
	.footer-f1{margin-left: 80px;}
	.n-nav li.last_li>div {  left: -592%;}
}
.cont_join{overflow:hidden;height:210px;text-align: center;background: url("../images/product_04.jpg") no-repeat center;}
.phone{font-size: 21px;margin-top:53px;color: #fff;}
.phone span{letter-spacing:.1em;font-size:32px;color:#fff;width: 350px;margin:0 auto;margin-bottom:3px;font-family: 'Conv_ProximaSansBlack';display: block;padding-left:35px;background: url("../images/header_19.png") no-repeat left center;}
.phone a{transition:.5s;-webkit-transition:.5s;color:#fff;margin:0 auto;margin-top:15px;line-height:36px;font-size:16px;font-weight:bold;background-color:#ecc300;display: block;width: 154px;height:36px;border-radius: 18px;}
.phone a:hover{background-color: #ffd50e; }


/* kf */
/*客服*/
.qqkefu{
    position: fixed;
    top:50%;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 10000;
    right: 30px;
    width:39px;
    display:none;
}
.qqkefu ul li{
    width: 45px;
    height:45px;
    margin-bottom:1px;
    float:right;
    background: #1c1e27;
    line-height:45px;
    font-size:12px;
    cursor:pointer;
    position:relative;
}
.qqkefu ul li a{
    color:#fff;
    overflow: hidden;
    display: block;
    height: 45px;
}
.qqkefu ul li.qq_cza{
    overflow:hidden
}
.qqkefu ul li:hover{
    background:#009ced;
}
.qqkefu ul li.top{
    background:url("../images/back.png") no-repeat center #1c1e27;
    position:relative;
    width:45px;
    height: 45px;
    cursor:pointer;
}
.qqkefu ul li.top:hover{
    background:url("../images/back.png") no-repeat center #009ced;
}
.qqkefu ul li b{
    width:45px;
    height:45px;
    display:block;
    overflow:hidden;
    float:left;
}
.qqkefu ul li span{
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
}
.qqkefu ul li b.a{
    background:url(../images/qq.png) no-repeat center center;
}
.qqkefu ul li b.b{
    background:url(../images/zixun.png) no-repeat center center;
}
.qqkefu ul li b.c{
    background:url(../images/weixin.png) no-repeat center center;
}
.qqkefu ul li b.e{
    background:url(../images/tel.png) no-repeat center center;
}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweima{
    width: 130px;
    height: 150px;
    position: absolute;
    top: -107px;
    left: -150px;
    background: #FFF;
    border: 1px solid #CCC;
    float: left;
    cursor: default !important;
    display:none;
    /*overflow: hidden;*/
}
.erweima p{
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}
.erweima p img{
    width: 110px;
    height: 110px;
    margin: 10px 10px 0 10px;
    border:1px solid #eee;
}
.erweima .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    background:url(../images/czx6.png) no-repeat;
    position: absolute;
    right: -5px;
    top: 122px;
}
